<template>
  <div class="approval-container">
    <el-tabs v-model="activeTab">
      <el-tab-pane label="请假审批" name="leave">
        <CompleteTask />
      </el-tab-pane>
      <el-tab-pane label="赔偿审批" name="compensation">
        <CompensationApproval />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import CompleteTask from '../employee-management/CompleteTask.vue'; // 请假审批组件
import CompensationApproval from '../compensation-management/CompensationApproval.vue'; // 赔偿审批组件

export default {
  name: 'ApprovalContainer',
  components: {
    CompleteTask,
    CompensationApproval,
  },
  data() {
    return {
      activeTab: 'leave', // 默认显示请假审批tab
    };
  },
};
</script>

<style scoped>
.approval-container {
  padding: 20px;
}
</style>
